<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--<script src="../../js/jquery.mini.js"></script>-->
<!--<script src="./../../js/public.js"></script>-->
    <script type="text/javascript" src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>


    <script type="text/javascript">
        $(document).ready(function(){
            var isClick=false
            $(".flip").click(function(){
                if (isClick){
                    console.log('==111111==')
                    $(".panel").slideUp("slow");
                }else {
                    console.log('==222222==')
                    $(".panel").slideDown("slow");
                }
                isClick=!isClick
            });
        });
    </script>

    <style type="text/css">
        .panel,.flip
        {
            margin:0px;
            padding:5px;
            text-align:center;
            background:#e5eecc;
            border:solid 1px #c3c3c3;
        }
        .panel
        {
            display:none;
        }
    </style>
</head>
<body>




<div class="panel">
    <p>W3School - 领先的 Web 技术教程站点</p>
    <p>在 W3School，你可以找到你所需要的所有网站建设教程。</p>
    <p>在 W3School，你可以找到你所需要的所有网站建设教程。</p>
    <p>在 W3School，你可以找到你所需要的所有网站建设教程。</p>
</div>

<p class="flip">请点击这里</p>




</body>
</html>